<!DOCTYPE html>
<html>
<head>
    <title>{$data.title}</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content="{$data.description}" />
    <meta name="keywords" content="{$data.keyword}" />

    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <!-- css -->
    <link rel="shortcut icon" type="image/x-icon" href="__ADMIN__img/a1.jpg" />
    <link href="__HOME__css/iconfont.css" rel="stylesheet"/>
    <link href="__HOME__css/am.css" rel="stylesheet"/>
    <link href="__HOME__css/flexslider.css" rel="stylesheet"/>
    <link href="__HOME__css/style.css" rel="stylesheet"/>
</head>
<body>

<div class="wrap">
    <!--导航-->
    {include file="public/header" /}


    <!-- page_banner -->
    <div class="page_banner magtopmenu">
        <div class="pagebanner_pic">
            <ul class="page_banner_slider clear">
                {volist name="banner" id="v" key="k"}
                <li>
                    <div class="pic" style=" background:url({$v.img_url}) center center no-repeat;background-size:cover; height:600px; "></div>
                    <div class="desc">
                        {$v.content}
                    </div>
                </li>
                {/volist}
            </ul>
        </div>
    </div>
    <!-- page_banner end -->

    <!-- position -->
    <div class="position_content">
        <div class="public">
            <div class="position">
                <i class="iconfont icon-zhuye"></i>
                <a href="/">Home</a> >
                <a>About us</a>
            </div>
        </div>
    </div>
    <!-- position end -->



    <!-- page -->
    <div class="_aboutus">
        <div class="_adbutus_c">
            <div class="public">
                <h1 class="_title">About Us</h1>
                <div class="_article">
                    <div class="">
                        {$data.content}
                    </div>
                    <div class="index_content">
                        <div class="public">
                            <div class="index_introduce">
                                <ul class="index_introduce_nav clear">
                                    <li class="fl">
                                        <i class="iconfont icon-daohangshouye"></i>
                                        <h3 class="title capital">{$com_intro.one.name}</h3>
                                        <div class="text">{$com_intro.one.details}</div>
                                    </li>
                                    <li class="fl">
                                        <i class="iconfont icon-unie621"></i>
                                        <h3 class="title capital">{$com_intro.two.name}</h3>
                                        <div class="text">{$com_intro.two.details}</div>
                                    </li>
                                    <li class="fl">
                                        <i class="iconfont icon-jishu"></i>
                                        <h3 class="title capital">{$com_intro.three.name}</h3>
                                        <div class="text">{$com_intro.three.details}</div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="_export">
            <div class="public">
                <div class="index_top">
                    <h3 class="title">Our laser machine sales to more then 30 countries</h3>
                </div>
                <div class="map_img" style="background: url(__HOME__images/map.png) center center no-repeat;background-size: cover;"></div>
                <div class="map_content">
                    <ul class="map_nav">
                        <li>
                            <div class="map_point clear">
                                <img class="fl" src="__HOME__images/point.png" alt="">
                            </div>
                        </li>
                        <li>
                            <div class="map_point clear">
                                <img class="fl" src="__HOME__images/point.png" alt="">
                            </div>
                        </li>
                        <li>
                            <div class="map_point clear">
                                <img class="fl" src="__HOME__images/point.png" alt="">
                            </div>
                        </li>
                        <li>
                            <div class="map_point clear">
                                <img class="fl" src="__HOME__images/point.png" alt="">
                            </div>
                        </li>
                        <li>
                            <div class="map_point clear">
                                <img class="fl" src="__HOME__images/point.png" alt="">
                            </div>
                        </li>
                        <li>
                            <div class="map_point clear">
                                <img class="fl" src="__HOME__images/point.png" alt="">
                            </div>
                        </li>
                        <li>
                            <div class="map_point clear">
                                <img class="fl" src="__HOME__images/point.png" alt="">
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="_feedback">
            <div class="public _feedback_bj">
                <div class="index_top">
                    <h3 class="title">WHAT OUR CUSTOMER SAY ABOUT US</h3>
                    <p class="text">International brand, service worldwide</p>
                </div>
                <div>
                    <div class="_feedbackSwitch">
                        <ul class="_feedbackSwitch_slider clear">
                            <li>
                                <div class="_feedbackSwitch_c">
                                    <p>1We have made first cutting test today,all was perfect.Thank you very much indeed for all your support.</p>
                                    <div class="pic" style=" background:url(__HOME__images/touxiang.png) center center no-repeat;background-size:cover;width: 64px;height:64px;margin: 0 auto; "></div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>



    {include file="public/footer" /}
<script type="text/javascript">
    $("ul.map_nav").each(function(){
        $(this).find("li").each(function(i){
            $(this).addClass("point" + i);
        });
    });
    $('.abfl li').addClass('fl')
    $('._feedbackSwitch').flexslider({
        selector: "._feedbackSwitch_slider > li",
        animation: "fade",
        controlNav: true,
        multipleKeyboard:true,
        animationLoop: true,
        directionNav: true,
        slideshow: true,
        slideshowSpeed: 6000,
        easing:"swing",
        smoothHeight: false,
        pauseOnAction:true,
        pauseOnHover:true,
        start: function(slider){
            //$('#loader').remove();
        },
        after: function(slider){
            //
        }
    });
</script>
